<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/public.css">
</head>

<body class="bg">
	<div class="header-top-conform">
		<div class="content">
			<img src="../../static/icon.png" class="icon loginindex">
		</div>
		<span class="ps-title">By clicking "Pay and book lesson", you agree to CLO's Refund Policy</span>
	</div>
	<!-- 窗口 -->
	<div class="container-conform">
		<div class="pop-conform">
			<div class="first-box-conform">
				<p class="ps-title-conform" id="pstitle">
					Your lesson with 张老师 has been
					successfully scheduled
				</p>
				<div class="knock">
					<i class="iconfont icon-shijian"></i>
					<p id="psdescripton">
						We, 30 Jun, 10:00 (GMT+09:00)
					</p>
				</div>
				<p class="p-ident">Take your lesson online in the CLO classroom</p>
			</div>
			<div class="box-btn">
				<button type="button" class="btn" onclick="navgate('/views/teacher/teachers.html')">Get ready for the
					lesson</button>

			</div>
		</div>
		<div class="bottom-box">
			<svg t="1636163010391" class="icon-dunpai-conform" viewBox="0 0 1024 1024" version="1.1"
				xmlns="http://www.w3.org/2000/svg" p-id="4142" width="200" height="200">
				<path
					d="M570.6 844.3L512 883.9l-58.6-39.6C288.1 732.4 190 551.8 190 359.3V247.7l322-123.2 322 123.2v111.5c0 192.6-98.2 373.2-263.4 485.1z"
					fill="#31BC69" p-id="4143"></path>
				<path
					d="M476.2 586.4c-8 0-15.6-3.2-21.2-8.8l-110-110c-11.7-11.7-11.7-30.7 0-42.4s30.7-11.7 42.4 0l88.8 88.8 183.7-183.7c11.7-11.7 30.7-11.7 42.4 0s11.7 30.7 0 42.4L497.4 577.6c-5.6 5.7-13.2 8.8-21.2 8.8z"
					fill="#FFFFFF" p-id="4144"></path>
			</svg>
			<p>
				We guarantee that your lessons will take
				place. If they don't, we'll give you a refund
				or a free replacement with a new tutor.
				Remember, do not make payments outside
				of CLO. CLO cannot guarantee lessons
				bought outside the platform.
			</p>
		</div>
	</div>
	<!-- 窗口 -->
	<div class="last-footer">
		<ul>
			<li>2021 Aichi,Inc.</li>
			<li>用户条款</li>
			<li>支付退款政策</li>
			<li>隐私条款</li>
			<li>cookie条款</li>
		</ul>
	</div>
</body>

</html>
<script src="../../js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../../js/public.js"></script>
<script src="../../js/dream-msg.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(function () {
		let params = window.location.href.split('?')[1].split('&'),
			obj = {}
		params.forEach(item => {
			let key = item.split('=')[0],
				value = item.split('=')[1]
			obj[key] = value
		})
		console.log(obj)
		payload(2, obj)
		Dreamer.info('支付成功!', 2000);
	})
</script>
<style type="text/css">
	.last-footer {
		width: 100%;
		padding: 25px 0;
		color: #a2a2a2;
		font-size: 12px;
		border-top: 1px solid #c4c5c6;
		font-weight: bold;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}

	.last-footer>ul {
		padding: 0 20%;
		display: flex;
		justify-content: space-between;
		cursor: pointer;
	}

	.last-footer>ui li {
		flex: 1;
		justify-content: center;
	}

	.bg {
		background-color: rgba(237, 239, 240, 1);
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;

	}

	.container-conform {
		width: 526px;
	}

	.header-top-conform {
		width: 100%;
		padding: 6px 1%;
		box-sizing: border-box;
		background-color: #fff;
		display: flex;
		align-items: center;
	}

	.ps-title-conform {
		width: 320px;
		font-size: 18px;
		color: #3C3C3C;
		font-weight: bold;
	}

	.pop-conform {
		overflow: hidden;
		width: 100%;
		box-sizing: border-box;
		margin: auto;
		margin-top: 53px;
		background-color: #fff;
		border-radius: 6px;
		box-shadow: 0px 5px 10px 0px rgba(212, 212, 212, 0.5);
	}

	.first-box-conform {
		padding: 24px 0 0 32px;
		width: 100%;
		height: auto;
		padding-bottom: 60px;
		border-bottom: 1px solid #EDEFF0;
		overflow: hidden;
	}

	.first-box-conform>p1 {
		color: #3C3C3C;
		font-size: 18px;
		font-size: bold;
	}

	.knock {
		margin-top: 20px;
		display: flex;
		align-items: center;
		flex-flow: row nowrap;
		font-size: 14px;
		color: #868A8E;
		font-weight: bold;
	}

	.knock p {
		margin-left: 5px;
	}

	.p-ident {
		font-size: 14px;
		color: #868A8E;
		font-weight: bold;
		margin-top: 16px;
		text-indent: 23px;
	}

	.box-btn {
		width: 100%;
		padding: 12px 0;
		display: flex;
		justify-content: center;
	}

	.btn {
		padding: 10px 40px;
		color: #fff;
		font-size: 14px;
		border-radius: 6px;
		width: 48%;
		background-color: #2073D4;
		border: none;
		cursor: pointer;
	}

	.bottom-box {
		margin-top: 20px;
		box-shadow: 0px 5px 10px 0px rgba(212, 212, 212, 0.5);
		background-color: #FFf;
		width: 100%;
		border-radius: 6px;
		height: auto;
		padding: 15px 52px 15px 48px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.icon-dunpai-conform {
		width: 68px;
		height: 80px;
	}

	.bottom-box>p {
		margin-left: 44px;
		width: 316px;
		color: #717171;
		font-size: 14px;
		font-weight: bold;
	}
</style>